window.addEventListener("load", function () {
	let data = [
		{ times: 4000, price: 1200, unitPrice: "0.3000" },
		{ times: 8000, price: 2000, unitPrice: "0.2500" },
		{ times: 40000, price: 8000, unitPrice: "0.2000" },
	];
	let html = "";

	//    遍历拼接
	data.forEach(function (v) {
		// html += `<span>${v.times}</span>`;
		$(
			".times"
		).innerHTML += `<span data-price=${v.price} data-unitPrice=${v.unitPrice}>${v.times}</span>`;
	});
	data.forEach(function (v) {
		// 价格
		$(".price").innerHTML += `<span class="fc-red">￥${v.price}</span>
		<p>(约<span>${v.unitPrice}</span> 元/次),仅限企业购买</p>`;
	});
	// 默认第一个
	$(".times span")[0].classList.add("active");

	// 默认第一个价格
	$(".price").innerHTML = `<span class="fc-red">￥
	 ${$(".times span")[0].dataset.price}</span><p>(约<span>${
		$(".times span")[0].dataset.unitprice
	}</span> 元/次),仅限企业购买</p>`;
	// 点击tab添加激活
	$(".times span").forEach(function (v) {
		// 点击事件
		v.addEventListener("click", function () {
			// 清除所有
			// console.log($(".scan div"));
			$(".times span").forEach(function (item) {
				item.classList.remove("active");
			});
			this.classList.add("active");
			// 价格
			$(
				".price"
			).innerHTML = `<span class="fc-red">￥${this.dataset.price}</span>
			<p>(约<span>${this.dataset.unitprice}</span> 元/次),仅限企业购买</p>`;
		});
	});

	// tab文档
	// $("#taList li").forEach(function (v) {
	// 	v.addEventListener("click", function () {
	// 		// 清除样式
	// 		$("#taList li").forEach(function (item) {
	// 			item.classList.remove("active");
	// 		});
	// 		// 添加
	// 		v.classList.add("active");
	// 	});
	// });
	// 调用激活函数
	// 默认第一
	$("#taList li")[0].classList.add("active");
	$(".contentLt div")[0].classList.add("on");
	tab("#taList li", "active", ".contentLt div", "on");
	//banner粒子效果配置
	const config = {
		selector: "#bannerBg",
		vx: 4, //点x轴速度,正为右，负为左
		vy: 4, //点y轴速度
		height: 2, //点高宽，其实为正方形，所以不宜太大
		width: 2,
		count: 100, //点个数
		color: "#000", //点颜色
		stroke: "0,0,0", //线条颜色
		dist: 10000, //点吸附距离
		e_dist: 20000, //鼠标吸附加速距离
		max_conn: 10, //点到点最大连接数
	};
	//调用
	CanvasParticle(config);

	// 回到顶部
	// 获取节点
	const backTopNode = $(".backTop");
	window.addEventListener("scroll", function () {
		if (this.scrollY >= 800) {
			backTopNode.style.opacity = 1;
			backTopNode.style.transition = "opacity 1s";
		} else {
			backTopNode.style.opacity = 0;
		}
	});
	// console.log(unicornConts);
	backTopNode.addEventListener("click", function () {
		window.scrollTo({ left: 0, top: 0, behavior: "smooth" });
	});
});
